<template>
	<view>
		<u-popup :show="show" @close="close" @open="open">
			<view>
				<view style="width: 100%;height: 50px;">
					<text style="float: left;;margin:15px 0px 0px 165px;color:#a4a09c ;">请选择</text>
				</view>
				<view>
					<u-button class="button1" type="success" shape="circle">
						编辑
					</u-button>
				</view>
				<view>
					<u-button class="button1" type="success" shape="circle">
						取消会议
					</u-button>
				</view>

				<view>
					<u-button class="button1" type="success" shape="circle">
						添加与会人
					</u-button>
				</view>
				<view style="background-color: #f2f2f2;width: 100%;height: 10px;"></view>

				<view>
					<u-button class="button1" style="color: #a7a19c;" type="success" shape="circle">
						取消
					</u-button>
				</view>
			</view>
		</u-popup>
		<u-button @click="show = true">打开</u-button>
	</view>
</template>

<script >
	export default {
		data() {
			return {
				show: false
			}
		},
		methods: {
			open() {
				// console.log('open');
			},
			close() {
				this.show = false
				// console.log('close');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.button1 {
		padding: 25px 0px 25px 0px;
		font-size: 18px;
		background-color: #ffffff;
		color: #3875f2;
		border-color: #f8f8f8;
		border-radius: 0px;
	}
</style>
